import classnames from 'classnames';
import { FontAwesomeIcon, FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
export type ThemeProps = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'light' | 'dark' | 'danger';
export interface IconProps extends FontAwesomeIconProps {
    theme?: ThemeProps;
}
const Icon = (props: IconProps) => {
    const { className, theme, ...restProps } = props;
    const classes = classnames('f-icon', className, {
        [`f-icon-${theme}`]: theme
    });

    return (
        <FontAwesomeIcon className={classes} {...restProps} />
    );
};

export default Icon;